<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hunk Evolution</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="false" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/styles/layout.css" type="text/css"/>
<!-- 
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
 -->
<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	 $('ul#topnav_list>li').each(function(i){
	     $(this).click(function(event){
	    	$('ul#topnav_list>li').each(function(i){
		    		$(this).removeClass("active");
		    	});
	    	$(event.target.parentElement).addClass("active");
	     });
	 });
});
</script>
</head>
<body>	
<div class="wrapper col0">
  <div id="topbar">
    <div id="loginpanel">
      <ul>
        <li class="left">Log Out :</li>
        <li class="right" id="toggle">
        <a id="slideit" href="loginOut.action">Log Out Here</a><a id="closeit" style="display: none;" href="#slidepanel">Close Panel</a>
        </li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>
	<!-- ####################################################################################################### -->
	<div class="wrapper col1">
		<div id="header">
			<div id="logo">
				<h1>
					<a href="#">Hunk Evolution</a>
				</h1>
				<p>Personal WebSite For J2EE Framework Exercise</p>
			</div>
			<div id="topnav">
				<ul id="topnav_list">
					<li class="active">
						<a href="<%=request.getContextPath()%>/content/home.jsp" target="content">
							Home
						</a>
					</li>
					<li>
						<a href="<%=request.getContextPath()%>/content/styles.jsp" target="content">
							Styles
						</a>
					</li>
					<li>
						<a href="<%=request.getContextPath()%>/content/expenseManage.jsp" target="content">
							Expense Manage
						</a>
					</li>
					<li><a href="#">Books</a></li>
					<li class="last"><a href="#">A Long Story</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
</body>
</html>
